<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>设置</title>
		<link rel="stylesheet" href="../css/mui.min.css" />
			<link href="../css/mui.picker.css" rel="stylesheet" />
		<link href="../css/mui.poppicker.css" rel="stylesheet" />
		<!--<link rel="stylesheet" type="text/css" href="../css/mui.picker.min.css" />-->
	</head>
	<style>
		.headbar {
			background-color: #3ac9af;
		}
		
		.mui-icon-left-nav {
			color: white;
		}
		
		.mui-title {
			color: white;
		}
		.list {
			margin-top: 20px;
			background-color: white;
			padding: 0px 0px 0px 10px;
		}
		
		.list .item {
			background-color: white;
			height: 50px;
		}
		
		.list .item.bottom {
			border-bottom: 1px solid #d5d5d5;
		}
		
		.item .itemname {
			float: left;
			margin-top: 15px;
			margin-left: 10px;
			color: #555555;
		}
		
		.item .itemvalue {
			float: right;
			margin-top: 15px;
			margin-right: 15px;
			color: #555555;
		}
		.item .itemimg img {
			float: right;
			margin-top: 2px;
			margin-right: 20px;
			height: 45px;
			width: 45px;
			border-radius: 23px;
		}
		
		.navigate-right:after {
			float: right;
			content: '\e583';
			margin-top: 15px;
			margin-right: 10px;
			font-size: 25px;
			font-family: Muiicons;
			color: #c5c5c5;
		}
	</style>

	<body>
		<header class="mui-bar mui-bar-nav headbar">
			<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
			<h1 class="mui-title">设置</h1>
		</header>
		<div class="mui-content">
			<div class="list">
				<div class="item bottom exchangetouxiang"><span class="itemname">更换头像</span><span class="navigate-right"></span><span class="itemimg"><img data-lazyload="0" id="userimg" src="../images/user_guest.png"></span></div>
				<div class="item bottom editusername"><span class="itemname">姓名</span><span class="itemvalue" id="username">胡第清</span></div>
				<div class="item sexpicker"><span class="itemname">性别</span><span class="itemvalue" id="usersex">男</span></div>
			</div>
			<div class="list">
				<div class="item bottom" id="clearCache"><span class="itemname">清除缓存</span><span id="cachevalue" class="itemvalue">0M</span></div>
				<div class="item setaccount"><span class="itemname">帐号安全</span><span class="navigate-right"></span></div>
			</div>
			<div class="list">
				<!--
				<div class="item bottom" id="feedback"><span class="itemname">意见反馈</span><span class="navigate-right"></span></div>
				<div class="item bottom pingjia" id="pingjia"><span class="itemname">评价</span><span class="navigate-right"></span></div>
				-->
				<div class="item" id="about"><span class="itemname">关于</span><span class="navigate-right"></span></div>
			</div>
			<div class="list">
				<div class="item" id="exitmooc"><span class="itemname">退出登录</span></div>
			</div>

		</div>
	</body>
	<script type="text/javascript" src="../js/mui.min.js"></script>
	<script src="../script/config.js"></script>
	<script src="../script/moocpublic.js"></script>
	<script src="../js/mui.lazyload.js"></script>
	<script src="../js/mui.lazyload.img.js"></script>
	<script src="../js/DMobileFrame_DownLoadUtil.js"></script>
	<script src="../js/mui.picker.js"></script>
	<script src="../js/mui.poppicker.js"></script>
	<script src="../js/z-app.js"></script>
	<script src="../js/jsfun.js"></script>
	<script src="script/setupindex.js"></script>

</html>